<!--
 * @Author: 张天昊
 * @Date: 2024-09-06 11:18:35
 * @LastEditTime: 2024-10-31 09:56:07
 * @LastEditors: 张天昊
 * @Description: 上传触发器
 * @FilePath: /sentiment-dispose-app/src/components/FilePreviewer/UploadTrigger.vue
-->
<script>
import { defineComponent } from 'vue'
export default defineComponent({
  props: {
    iconSize: {
      type: String,
      default: '28px'
    },
    color: {
      type: String,
      default: '#C8C9CC'
    }
  }
})
</script>

<template>
  <div
    class="van-haptics-feedback relative h-full w-full flex items-center justify-center border-1 rounded-4px border-dashed"
    :style="{ borderColor: color, color }"
    @click="$emit('click')"
  >
    <svg
      t="1732181432098"
      class="icon"
      :style="`height: ${iconSize};width: ${iconSize};`"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="11856"
      width="200"
      height="200"
    >
      <path
        d="M846.336 233.472h-86.528c-16.896 0-45.056-9.216-57.344-18.432l-45.056-32.768c-21.504-15.36-57.344-27.648-83.456-27.648H450.048c-26.112 0-61.952 12.288-83.456 27.648L321.536 215.04c-13.824 10.752-37.376 18.432-45.056 18.432H177.664C121.856 233.472 76.8 276.48 76.8 329.216v444.416c0 52.736 45.056 96.256 100.864 96.256h669.184c55.808 0 100.864-43.52 100.864-96.256V329.216c-0.512-52.736-45.568-95.744-101.376-95.744zM271.872 278.016h3.072c19.968 0 49.664-10.752 72.704-27.648l45.056-32.768c13.824-10.752 40.448-18.432 57.344-18.432h123.904c16.896 0 43.52 9.216 57.344 18.432l45.056 32.768c21.504 15.36 57.344 27.648 84.992 27.648h86.528c30.72 0 55.808 23.04 55.808 51.2v444.416c0 27.648-24.576 51.2-55.808 51.2h-670.72c-30.72 0-55.808-23.04-55.808-51.2V329.216c0-27.648 24.576-51.2 55.808-51.2h94.72z m240.128 413.696c99.328 0 179.712-80.384 179.712-179.712S611.328 332.288 512 332.288 330.752 412.672 330.752 512s81.92 179.712 181.248 179.712zM377.344 512c0-74.24 60.416-134.656 134.656-134.656s134.656 60.416 134.656 134.656-60.416 134.656-134.656 134.656-134.656-60.416-134.656-134.656z m388.608-81.92c6.144 3.072 13.824 6.144 21.504 6.144s13.824-1.536 21.504-6.144c12.288-7.68 21.504-21.504 21.504-37.376 0-15.36-7.68-29.184-21.504-37.376-12.288-7.68-29.184-7.68-41.984 0-12.288 7.68-21.504 21.504-21.504 37.376 0.512 15.36 8.192 29.696 20.48 37.376z"
        :fill="color"
        p-id="11857"
      ></path>
    </svg>
    <!--    <van-icon name="photograph" :size="iconSize" />-->
  </div>
</template>
